var lunxun = false;
$(function() {
	getProcessingWar(0);
	$("#calculate").click(function() {
		var circle_r = $("#circle_r").val();
		$.ajax({
			url: "/war/calculateCircleArea", //请求的url地址
			dataType: "json", //返回格式为json
			async: true, //请求是否异步，默认为异步，这也是ajax重要特性
			data: {
				"circle_r": circle_r
			}, //参数值
			type: "GET", //请求方式
			beforeSend: function() {
				//请求前的处理
			},
			success: function(data) {
				if (data.success) {
					$("#circle_area").attr("value", "");
					$("#circle_area").attr("value", data.data); //填充内容
				}
			},
			complete: function() {
				//请求完成的处理
			},
			error: function() {
				//请求出错处理
			}
		});
	});

	$("#register").click(function() {
		$.ajax({
			url: "/war/register", //请求的url地址
			dataType: "json", //返回格式为json
			async: true, //请求是否异步，默认为异步，这也是ajax重要特性
			data: {
				"username": $("#username").val(),
				"password": $("#password").val(),
				"age": $("#age").val()
			}, //参数值
			type: "POST", //请求方式
			beforeSend: function() {
				//请求前的处理
			},
			success: function(data) {
				if (data.success) {

				}
			},
			complete: function() {
				//请求完成的处理
			},
			error: function() {
				//请求出错处理
			}
		});
	});

	$("#zip").click(function() {
		$.ajax({
			url: "/war/zip", //请求的url地址
			dataType: "json", //返回格式为json
			async: true, //请求是否异步，默认为异步，这也是ajax重要特性
			data: {}, //参数值
			type: "GET", //请求方式
			beforeSend: function() {
				//请求前的处理
			},
			success: function(data) {
				if (data.success) {

				}
			},
			complete: function() {
				//请求完成的处理
			},
			error: function() {
				//请求出错处理
			}
		});
	});

	// $("#build_war_btn").click(function() {

	// });

	$("#fileupload").change(function(e) {
		var name = document.getElementById("fileupload").files[0].name;
		var suffixName = name.split(".")[1];
		if ("da" == suffixName) {
			$("#daName").val(name);
			$("#warName").val(name.split(".")[0]);
		} else {
			$("#daName").val("");
			$("#warName").val("");
		}
	});

	$("#build_war_btn").click(function() {
		if(null == $("#warName").val() || "" == $("#warName").val()){
           alert("请输入war包名称");
           return false;
		}
		if(null == $("#servletVersion").val() || "" == $("#servletVersion").val()){
           alert("请输入servlet版本");
           return false;
		}
		if(null == $("#daName").val() || "" == $("#daName").val()){
           alert("请选择da包");
           return false;
		}
		var fileObj = document.getElementById("fileupload").files[0];
		var form = new FormData();
		form.append("warName", $("#warName").val());
		form.append("servletVersion", $("#servletVersion").val());
		form.append("fileupload", fileObj);
		$("#build_war_btn").text("上传中。。。");
		//$("#mainForm").get(0) = document.getElementById("mainForm");Jquery对象转为DOM对象
		//$("#mainForm")[0] = document.getElementById("mainForm");Jquery对象转为DOM对象
		$.ajax({
			url: "/war/upload", //请求的url地址
			// xhr: function() { // custom xhr
			//   var myXhr = $.ajaxSettings.xhr();
			//   if (myXhr.upload) { // check if upload property exists
			//     myXhr.upload.addEventListener('progress', function(e) {
			//       if (e.lengthComputable) {
			//         $('#progressBar').attr({
			//           value: e.loaded,
			//           max: e.total
			//         });
			//         $("#percentage").text(Math.round(e.loaded / e.total * 100) + "%");
			//       }

			//     }, false); // for handling the progress of the upload
			//   }
			//   return myXhr;
			// },
			type: 'POST',
			data: form,
			dataType: 'JSON',
			cache: false,
			processData: false,
			contentType: false,
			success: function(result) {
				$("#build_war_btn").text("打包");
				if (result.success) {
					var row = {
						"warName": result.data.warName,
						"servletVersion": result.data.servletVersion,
						"dnaVersion": result.data.dnaVersion,
						"daName": result.data.daName,
						"date": result.data.date,
						"state": result.data.state < 1 ? "构建中" : "成功"
					};
					insertRow(row);
					console.log("当前轮询值：" + lunxun);
					if (!lunxun) {
						getProcessingWar(5000);
					}
				}
			}
		});
	});
});
// $("#fileupload").change(function(){
//   alert($("#fileupload").val());
//   // $("#daName").val("daName");
// });
function xhr_provider() {
	var xhr = jQuery.ajaxSettings.xhr();
	if (onprogress && xhr.upload) {
		xhr.upload.addEventListener('progress', onprogress, false);
	}
	return xhr;
}

function insertRow(data) {
	var trHTML = "<tr>" +
		"<td>" + data.warName + "</td>" +
		"<td>" + data.servletVersion + "</td>" +
		"<td>" + data.dnaVersion + "</td>" +
		"<td>" + data.daName + "</td>" +
		"<td>" + data.date + "</td>" +
		"<td>" + data.state + "</td>" +
		"<td>下载 删除</td>" +
		"</tr>";
	// $("#tab tr:eq(1)").after(trHTML);
	$("#tab tbody").prepend(trHTML);
}

function getProcessingWar(time) {
	lunxun = true;
	var flag = setInterval(function() {
		$.ajax({
			url: "/war/getProcessingWar", //请求的url地址
			dataType: "json", //返回格式为json
			async: true, //请求是否异步，默认为异步，这也是ajax重要特性
			data: {}, //参数值
			type: "GET", //请求方式
			beforeSend: function() {
				//请求前的处理
			},
			success: function(result) {
				var count = 0;
				$('#tab tbody').empty();
				console.log(result);
				if (result.success) {
					for (var i = 0; i < result.data.length; i++) {
						if (result.data[i].state * 1 < 1) {
							count++;
						}
						var row = {
							"warName": result.data[i].warName,
							"servletVersion": result.data[i].servletVersion,
							"dnaVersion": result.data[i].dnaVersion,
							"daName": result.data[i].daName,
							"date": result.data[i].date,
							"state": result.data[i].state < 1 ? "构建中" : "成功"
						};
						console.log(row);
						insertRow(row);
					}

					if (count == 0) {
						clearInterval(flag);
						lunxun = false;
					}
				}
			},
			complete: function() {
				//请求完成的处理
			},
			error: function() {
				//请求出错处理
			}
		});
	}, time);

}
// var xhr_provider = function() {
//     var xhr = jQuery.ajaxSettings.xhr();
//     if(onprogress && xhr.upload) {
//         xhr.upload.addEventListener('progress', onprogress, false);
//     }
//     return xhr;
// };